<?php
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hotels With Offers</title>
<script language="Javascript" type="text/javascript" src="js/jquery-1.4.1.js"></script>
<script language="Javascript" type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script>
<script language="Javascript" type="text/javascript" src="js/misc.js"></script>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script language="javascript">
         $(document).ready(function() {
            $("#submit_details").validate({
                rules: {
                    user_password: "required",
                    confirm_password: {
                    equalTo: "#user_password"
                    }

                }
            });
        });
 
	</script>

</head>

<body>
<div id="wrapper">
    <div id="header">
        <div class="headerRight">
            <form action="member_login.php" method="post" name="member_login">
            <div class="username"><input class="usernametxtbox" type="text" value="username" onfocus="if (this.value == 'username') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'username'; }" /></div>
            <div class="password"><input class="passwordtxtbox" type="text" value="password" onfocus="if (this.value == 'password') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'password'; }" /></div>
            <div class="login"><input class="logmein" name="" type="submit" value="" /></div>
            <span class="account"><a href="#">No Account? Register Now!</a></span>
            <div class="sociallinks"><a href="#"><img src="images/twt.png" alt="Tweet about Hotel with Offers" /></a><a href="#"><img src="images/fb.png" alt="Share Hotel with Offers on Facebook" /></a><a href="#"><img src="images/ln.png" alt="Connect Hotel with Offers with LinkedIn" /></a></div>
            </form>
            <div class="clear"></div>
        </div>
        <div class="logo"><img src="images/logo.png" width="255" height="81" alt="Hotels with Offers" /></div>
        <div class="clear"></div>
    </div>

<div class="contentPane">
  <div id="sidebar">
    <span class="menu"><img src="images/call.png" alt="Advertise with Hotel with Offers" class="callus"  /></span>
    <div class="joinus">
      <h1>INVITE A FRIEND</h1>
      <h2>Tell a friend and win Rs100.00</h2>
      <div class="joinbtn"><a href="#">LEARN&nbsp;MORE</a></div>
     </div>
    <div class="reserve"><span class="reserveitem">Reserved for :</span> <span class="reserveitem">advertising</span> <span class="reserveitem">latest news</span> <span class="reserveitem">soon ending deals &amp; offers</span></div>
  </div>
  <div class="leftPane">

      <p> Verification Mail Sent ! Plaese Check your Inbox !</p>
    <div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footerWrapper">
<div id="footer">
  <div class="leftllinks">
    <ul>
      <li><a href="#">getting started</a></li>
      <li><a href="#">hotel offers</a></li>
      <li><a href="#">great deals</a></li>
      <li><a href="#">tour packages</a></li>
      <li><a href="#">blog</a></li>
      <li><a href="#">support</a></li>
    </ul>
  </div>
  <div class="rightllinks">
    <ul>
      <li><a href="#">login</a></li>
      <li><a href="#">register</a></li>
      <li><a href="#">advertise with us</a></li>
      <li><a href="#">post your deals</a></li>
      <li><a href="#">post your hotel offers</a></li>
      <li><a href="#">contact us</a></li>
    </ul>
  </div>
  <div class="footerSocial"><a href="#"><img src="images/twt.png" alt="Tweet about Hotel with Offers" /></a><a href="#"><img src="images/fb.png" alt="Share Hotel with Offers on Facebook" /></a><a href="#"><img src="images/ln.png" alt="Connect Hotel with Offers with LinkedIn" /></a></div>
  <br class="clear" />
  <div class="copyright">© 2011 All Rights Reserved</div>
</div>
</div>
    <script language="javascript" type="text/javascript">
			jQuery(document).ready(function() {
                            <?php $k = 1;
                                foreach ($active_offers as $active_offer) {
                                    $offer_hour = substr($active_offer['offer_end_date'], 11, 2) ;
               $offer_min =  substr($active_offer['offer_end_date'], 14, 2);
               $offer_sec =  substr($active_offer['offer_end_date'], 17, 2);
               $offer_day =  substr($active_offer['offer_end_date'], 8, 2);
               $offer_month =  substr($active_offer['offer_end_date'], 5, 2);
               $offer_year =  substr($active_offer['offer_end_date'], 0, 4);

                            ?>
				$('#countdown_dashboard<?=$k?>').countDown({
					targetDate: {
						'day': 		<?=$offer_day?>,
						'month': 	<?=$offer_month?>,
						'year': 	<?=$offer_year?>,
						'hour': 	<?=$offer_hour?>,
						'min': 		<?=$offer_min?>,
						'sec': 		<?=$offer_sec?>
					}
				});


				<?php $k++; } ?>

			});
		</script>
</body>
</html>
